<template>
  <section>
    <div class="jzwarp" v-if="loading">
      <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
      </div>
    </div>
  </section>
</template>
<script>
export default {
  data() {
    return {
      loading: true
    };
  },
  methods: {
    start() {
      this.loading = true;
    },
    finish() {
      this.loading = false;
    },
    loadYinCang() {
      var oLocaWarp = document.querySelector(".jzwarp");
      oLocaWarp.classList.add("loaded");
    }
  },
  mounted() {
    this.loadYinCang();
  },
  props: {},
  components: {}
};
</script>
<style scoped>
</style>
